<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/index.css">
</head>
<body>
    <div id="inop">
        <div class="inop-c">
            <span style="margin-right:45px;float: left;">欢迎访问黄冈市英山县公路管理局</span>
            <span id="demo1" style="margin-right: 30px;float: left;"></span>
            <span style="float: left;">
                <iframe style="padding-top: 3px;" width="280" scrolling="no" height="32" frameborder="0" allowtransparency="true" src="https://i.tianqi.com?c=code&id=40&color=%23FFFFFF&icon=1&site=12"></iframe>
            </span>
            <span style="float: right;">
                <a>设为首页</a>
                &nbsp;
                <a>加入收藏</a>
            </span>
        </div>
    </div>
    <div id="wrap">
        <div class="header">
            <div id="logo"></div>
        </div>
        <div class="nav">
            <ul class="ul">
                <li class="lis">
                    <span><img src="/image/home-lm1.png" alt="icon"></span>
                    <a href="#">网站首页</a>
                </li>
                <li class="lis">
                    <span><img src="/image/home-lm2.png" alt="icon"></span>
                    <a href="#">政务动态</a>
                    <ul>
                        <li><a href="http://www.gov.cn/pushinfo/v150203/index.htm">国务院</a></li>
                        <li><a href="http://www.hubei.gov.cn/zwgk/hbyw/hbywqb/index.shtml">湖北省</a></li>
                        <li><a href="#">公路新闻</a></li>
                        <li><a href="#">视频新闻</a></li>
                        <li><a href="#">通知公告</a></li>
                        <li><a href="#">政策法规</a></li>
                    </ul>
                </li>
                <li class="lis">
                    <span><img src="/image/home-lm3.png" alt="icon"></span>
                    <a href="#">公路建设</a>
                    <ul>
                        <li><a href="#">公路建设</a></li>
                        <li><a href="#">公路养护</a></li>
                    </ul>
                </li>
                <li class="lis">
                    <span><img src="/image/home-lm4.png" alt="icon"></span>
                    <a href="#">路政治超</a>
                    <ul>
                        <li><a href="#">路政管理</a></li>
                        <li><a href="#">治超管理</a></li>
                    </ul>
                </li>
                <li class="lis">
                    <span><img src="/image/home-lm5.png" alt="icon"></span>
                    <a href="#">党风廉政</a>
                    <ul>
                        <li><a href="#">廉政建设</a></li>
                        <li><a href="#">党建园地</a></li>
                    </ul>
                </li>
                <li class="lis">
                    <span><img src="/image/home-lm6.png" alt="icon"></span>
                    <a href="#">专题专栏</a>
                    <ul>
                        <li><a href="#">文明创建</a></li>
                        <li><a href="#">公路文化</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="section">
            <div id="content">
                <div id="cttpad">
                    <div class="ctleft">
                        <div class="ctleft-title">政务动态</div>
                        <ul id="taggs">
                            <li><a href="http://www.gov.cn/pushinfo/v150203/index.htm" target="_blink">国务院</a></li>
                            <li><a href="http://www.hubei.gov.cn/zwgk/hbyw/hbywqb/index.shtml" target="_blink">湖北省</a></li>
                            <li><a href="javascript:void(0)" class="aleft" id="tag1" onclick="setTab('tag',1,4)">公路新闻</a></li>
                            <li><a href="javascript:void(0)" id="tag2" onclick="setTab('tag',2,4)">视频新闻</a></li>
                            <li><a href="javascript:void(0)" id="tag3" onclick="setTab('tag',3,4)">通知公告</a></li>
                            <li><a href="javascript:void(0)" id="tag4" onclick="setTab('tag',4,4)">政策法规</a></li>
                        </ul>
                    </div>
                    <ul class="ctright">
                        <li id="con_tag_1" style="background:blue;">tttt</li>
                        <li id="con_tag_2" style="display:none;background:red;">aaaa</li>
                        <li id="con_tag_3" style="display:none;background:green;">dddd</li>
                        <li id="con_tag_4" style="display:none;background:yellow;">kkkk</li>
                    </ul>
                </div>
            </div>
        </div>
        <div style="width: 100%;height: 200px;margin: 0 auto;padding-top: 6px;">
            <div class="footer">
                <p>黄冈市英山县公路管理局版权所有 地址：黄冈市英山县公路管理局</p>
                <p>路政服务电话：0713-7112789 治超服务电话：0713-7113988
                    投诉电话：0713-8814101 监督电话：0713-8393325
                    交通热线：12328 投诉地点：黄冈市公路管理局监察室</p>
                <p>邮编：438700 投稿邮箱：<a href="#" style="color: #fff;">948851961@qq.com</a>
                    备案号:<a href="#" style="color: #fff;">鄂ICP备15014733号</a> 技术支持 <a href="#" style="color: #fff;">同想科技</a></p>
                <a href="#" style="width: 200px;display: block;margin: 0 auto;color: #fff;">
                    <img src="/image/111.png" alt="icon" style="display: block;float: left;margin-right: 10px;">
                    <span style="display: block;float: left;">鄂公网安备 42112402000135号</span>
                </a>
                <a href="#" style="display: block;margin: auto;width: 80px;"><img src="/image/blue.png" alt="logo"></a>
            </div>
        </div> 
    </div>
</body>
<script>
    function setTab(name,cursel,n){          
        for(i=1;i<=n;i++){           
            var menu=document.getElementById(name+i);           
            var con=document.getElementById("con_"+name+"_"+i);           
            menu.className=i==cursel?"aleft":"";           
            con.style.display=i==cursel?"block":"none";          
            }         
        }        
</script>
</html>